$(function(){

    $.fn.extend({
        big(){
            this.find(".middleArea").css({
                width:$(".bigArea").outerWidth()/$(".bigImg").width()*$(this).find(".middleImg").width(),
                height:$(".bigArea").outerHeight()/$(".bigImg").height()*$(this).find(".middleImg").height()
            })

            this.find(".middleImg").on("mouseenter",function(){
                $(this).find(".middleArea").show()
                $(this).parent().find(".bigArea").show()
            }).on("mouseleave",function(){
                $(this).find(".middleArea").hide()
                $(this).parent().find(".bigArea").hide()
            })

            this.find(".middleImg").on("mousemove",function(e){
                var disX=e.pageX-$(this).offset().left-$(this).find(".middleArea").width()/2
                var disY=e.pageY-$(this).offset().top-$(this).find(".middleArea").height()/2

                if(disX<=0){
                    disX=0;
                }
                if(disY<=0){
                    disY=0;
                }
                if(disX>=$(".middleImg").outerWidth()-$(".middleArea").outerWidth()-2){
                    disX=$(".middleImg").outerWidth()-$(".middleArea").outerWidth()-2
                }
                if(disY>=$(".middleImg").outerHeight()-$(".middleArea").outerHeight()-2){
                    disY=$(".middleImg").outerHeight()-$(".middleArea").outerHeight()-2
                }
                $(this).find(".middleArea").css({
                    left:disX,
                    top:disY
                })

                $(this).parent().find(".bigImg").css({
                    left:$(".middleImg").outerWidth()/$(".middleArea").outerWidth()*-disX,
                    top:$(".middleImg").outerHeight()/$(".middleArea").outerHeight()*-disY
                })
            })

            let self=this;
            this.find(".small li").on("click",function(){
                var $index=$(this).index()
                self.find(".middleImg img").attr("src",`images3/${$index+1}_2.jpeg`)
                self.find(".bigArea img").attr("src",`images3/${$index+1}_3.jpeg`)
            })
        }
    })

    // 头部
    $(".b-t-all").on("mouseenter",function(){
        $(".b-t-all-list").show()
    }).on("mouseleave",function(){
        $(".b-t-all-list").hide()
    })

    $(".moreMenu:first").on("mouseenter",function(){
        $(".n-menu1").show()
    }).on("mouseleave",function(){
        $(".n-menu1").hide()
    })
    $(".moreMenu").eq(1).on("mouseenter",function(){
        $(".n-menu2").show()
    }).on("mouseleave",function(){
        $(".n-menu2").hide()
    })
    $(".moreMenu").eq(2).on("mouseenter",function(){
        $(".n-menu3").show()
    }).on("mouseleave",function(){
        $(".n-menu3").hide()
    })
    $(".moreMenu").eq(3).on("mouseenter",function(){
        $(".n-menu4").show()
    }).on("mouseleave",function(){
        $(".n-menu4").hide()
    })
    $(".moreMenu").eq(4).on("mouseenter",function(){
        $(".n-menu5").show()
    }).on("mouseleave",function(){
        $(".n-menu5").hide()
    })


    // 搜索
    $(".b-list-img2").hide()

    $(".b-t-all-list>li").on("mouseenter",function(){
        $(this).find(".b-list-img1").hide()
        $(this).siblings().find(".b-list-img1").show()
        $(this).find(".b-list-img2").show()
        $(this).siblings().find(".b-list-img2").hide()

        $(this).css("backgroundColor","#fff").siblings().css("backgroundColor","#ff0000")
        $(this).find("span").css("color","#ff0000")
        $(this).siblings().find("span").css("color","#fff")
    })
    $(".b-t-all-list>li").on("mouseleave",function(){
        $(this).find(".b-list-img2").hide()
        $(this).find(".b-list-img1").show()
        $(this).css("backgroundColor","#ff0000")
        $(this).find("span").css("color","#fff")
    })

    // 内容区
    $(".a-select1").on("mouseenter",function(){
        $(".a-select1").css("zIndex","100").css("borderBottom","none")
        $(".box1").show()
    })
    $(".choose-select1").on("mouseleave",function(){
        $(".a-select1").css("zIndex","1").css("borderBottom","solid")
        $(".box1").hide()
    })

    $(".a-select2").on("mouseenter",function(){
        $(".a-select2").css("zIndex","100").css("borderBottom","none")
        $(".box2").show()
    })
    $(".choose-select2").on("mouseleave",function(){
        $(".a-select2").css("zIndex","1").css("borderBottom","solid")
        $(".box2").hide()
    })


    // 内容区 放大镜
    $(".c-m-left").on("mouseenter",function () {
        $(".shadow").show()
        $(".big-img").show()
    }).on("mouseleave",function () {
        $(".shadow").hide()
        $(".big-img").hide()
    })


    // 底部
    $(".weibo").on("mouseenter",function(){
        $(".weibo-ewm").show()
    }).on("mouseleave",function(){
        $(".weibo-ewm").hide()
    })

    $(".wechat").on("mouseenter",function(){
        $(".wechat-ewm").show()
    }).on("mouseleave",function(){
        $(".wechat-ewm").hide()
    })
})